.Approval .top {
  height: 44px;
}
.Approval .top .icon {
  width: 16px;
}
.Approval .process {
  padding: 10px 20px;
}
.Approval .process .smallProcess {
  height: 92px;
  border-radius: 10px;
}
.Approval .process .iconfont {
  font-size: 25px;
}
.Approval .process .iconOne {
  color: orangered;
}
.Approval .process .iconTwo {
  color: blue;
}
.Approval .process .iconThree {
  color: #84c284;
}
.Approval .personnelMatters .text {
  padding: 10px 20px;
}
.Approval .personnelMatters .item {
  margin: 10px 20px;
  height: 64px;
  border-radius: 10px;
}
.Approval .personnelMatters .item .greenMap {
  background-image: url(/assets/img/Approval-img/ugreen.png);
  height: 40px;
  width: 40px;
}
.Approval .personnelMatters .item .blueMap {
  background-image: url(/assets/img/Approval-img/ublue.png);
  height: 40px;
  width: 40px;
}
.Approval .personnelMatters .item .redMap {
  background-image: url(/assets/img/Approval-img/ured.png);
  height: 40px;
  width: 40px;
}
.Approval .personnelMatters .item .yellowMap {
  background-image: url(/assets/img/Approval-img/uyellow.png);
  height: 40px;
  width: 40px;
}
.Approval .personnelMatters .item .iconfont {
  color: #fff;
  font-size: 25px;
}
.Approval .check-work-attendance .text {
  padding: 10px 20px;
}
.Approval .check-work-attendance .item {
  margin: 10px 20px;
  height: 64px;
  border-radius: 10px;
}
.Approval .check-work-attendance .item .greenMap {
  background-image: url(/assets/img/Approval-img/ugreen.png);
  height: 40px;
  width: 40px;
}
.Approval .check-work-attendance .item .blueMap {
  background-image: url(/assets/img/Approval-img/ublue.png);
  height: 40px;
  width: 40px;
}
.Approval .check-work-attendance .item .redMap {
  background-image: url(/assets/img/Approval-img/ured.png);
  height: 40px;
  width: 40px;
}
.Approval .check-work-attendance .item .yellowMap {
  background-image: url(/assets/img/Approval-img/uyellow.png);
  height: 40px;
  width: 40px;
}
.Approval .check-work-attendance .item .iconfont {
  color: #fff;
  font-size: 25px;
}
.Approval .administration .text {
  padding: 10px 20px;
}
.Approval .administration .item {
  margin: 10px 20px;
  height: 64px;
  border-radius: 10px;
}
.Approval .administration .item .blueMap {
  background-image: url(/assets/img/Approval-img/ublue.png);
  height: 40px;
  width: 40px;
}
.Approval .administration .item .redMap {
  background-image: url(/assets/img/Approval-img/ured.png);
  height: 40px;
  width: 40px;
}
.Approval .administration .item .yellowMap {
  background-image: url(/assets/img/Approval-img/uyellow.png);
  height: 40px;
  width: 40px;
}
.Approval .administration .item .iconfont {
  color: #fff;
  font-size: 25px;
}
.Approval .finance .text {
  padding: 10px 20px;
}
.Approval .finance .item {
  margin: 10px 20px;
  height: 64px;
  border-radius: 10px;
}
.Approval .finance .item .greenMap {
  background-image: url(/assets/img/Approval-img/ugreen.png);
  height: 40px;
  width: 40px;
}
.Approval .finance .item .blueMap {
  background-image: url(/assets/img/Approval-img/ublue.png);
  height: 40px;
  width: 40px;
}
.Approval .finance .item .redMap {
  background-image: url(/assets/img/Approval-img/ured.png);
  height: 40px;
  width: 40px;
}
.Approval .finance .item .yellowMap {
  background-image: url(/assets/img/Approval-img/uyellow.png);
  height: 40px;
  width: 40px;
}
.Approval .finance .item .iconfont {
  color: #fff;
  font-size: 25px;
}
.Approval .footer {
  height: 50px;
}
